<@pagelet title="小页面左">
<div class="toolbar">
    <div class="btn-group" role="group">
        <button type="button" id="b1" v-on:click="doit" class="btn btn-success">读取页面</button>
    </div>
    <div id="content">{{content}}</div>
</div>
<script>
    var a=100;
    console.log(scope);
</script>
<script>
    pagelet(['Vue','Backbone'],function(Vue,Backbone){
        console.log('backbone',Backbone);
        var model = new Backbone.Model();
        model.set("name","hello");
        console.log('backbone-name',model.get("name"));    //hello

        ("#b1",dom).click(function(){
            alert(0);
            loadlet(scope,$("#content"),'/base/redirect/modular/pagelet/inner');
        });
//        var vm = new Vue({
//            el: dom[0],
//            data: {'content':'这是一段Vue消息'},
//            methods:{
//                doit:function(event){
//                    if (event) {
////                        alert(event.target.tagName)
//                    }
//                    console.log('dom',dom.html());
////                    $("#content").html("AAAA");
////                    console.log('dom内容',$("#content",dom).text());
//                    loadlet(scope,$("#content"),'/base/redirect/modular/pagelet/inner');
//                }
//            }
//        });
////        console.log('dom-html:',dom.html());
//        Vue.nextTick(function () {
//            console.log('----vue-ok',dom.html());
//            ("#b1",dom).click(function(){
//                alert(0);
//            });
//        });
    });
</script>
</@pagelet>